<template>
    <div class="home">
        <van-nav-bar
            fixed
            title="首页"
            @click-left="onClickLeft"
        />
        <van-swipe :autoplay="3000" class="banner">
            <van-swipe-item v-for="(image, index) in images" :key="index">
                <img v-lazy="image" class="banner" />
            </van-swipe-item>
        </van-swipe>
        <van-card
            tag="无抵押"
            desc="贷款额度1000-10000元"
            title="公鸡贷审核快下款快无抵押"
            thumb="http://shlifan.net//Upload/image/20181203/20181203233130_95290.jpg"
        />
        <van-card
            tag="无抵押"
            desc="贷款额度1000-10000元"
            title="公鸡贷审核快下款快无抵押"
            thumb="http://shlifan.net//Upload/image/20181203/20181203233130_95290.jpg"
        />
        <van-card
            tag="无抵押"
            desc="贷款额度1000-10000元"
            title="公鸡贷审核快下款快无抵押"
            thumb="http://shlifan.net//Upload/image/20181203/20181203233130_95290.jpg"
        />
        <van-card
            tag="无抵押"
            desc="贷款额度1000-10000元"
            title="公鸡贷审核快下款快无抵押"
            thumb="http://shlifan.net//Upload/image/20181203/20181203233130_95290.jpg"
        />
        <van-card
            tag="无抵押"
            desc="贷款额度1000-10000元"
            title="公鸡贷审核快下款快无抵押"
            thumb="http://shlifan.net//Upload/image/20181203/20181203233130_95290.jpg"
        />
    </div>
</template>

<script>

export default {
    name: 'home',
        data(){
            return {
                images: [
                    'http://shlifan.net/Upload/image/20181211/20181211150913_84282.jpg',
                    'http://shlifan.net/Upload/image/20181211/20181211150913_84282.jpg'
                ]
            }
        },
        methods: {
            a() {
            }
        },
        components: {
        }
    }
</script>
<style scoped lang="stylus">
.home {
    .banner {
        width 100%
        height 100%
        margin-top 20px
    }
}
</style>
